<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Universion-X</title>
	<!-- 公共css -->
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/public.css">
	<link rel="stylesheet" href="layui/css/layui.css">
	<!-- index.css -->
	<link rel="stylesheet" href="css/login.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="header_top">
			<img src="img/shouye_logo@2x.png" class="header_top_left">
			<div class="header_top_right">
				<p class="header_top_right_active">首页</p>
				<p>最新消息</p>
				<p>交易</p>
				<p>公司钱包</p>
			</div>
		</div>
		<!-- Swiper -->
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide">
	            	<img src="img/shouye_banner@2x.png" class="slide_img">
	            </div>
	            <div class="swiper-slide">
	            	<img src="img/shouye_banner@2x.png" class="slide_img">
	            </div>
	            <div class="swiper-slide">
	            	<img src="img/shouye_banner@2x.png" class="slide_img">
	            </div>
	        </div>
	        <div class="swiper-button-next"></div>
	        <div class="swiper-button-prev"></div>
	    </div>
    </div>
    <!-- 头部结束 -->
    <!-- 中间部分 -->
    <div class="content">
    	<div class="content_mid">
    		<div class="content_mid_left">
    			<img src="img/denglu_tupian@2x.png">
    		</div>
    		<div class="content_mid_right">
    			<div class="content_mid_right_mid">
    				<p class="content_welcome">欢迎登录</p>
    				<p class="content_personal">请使用您本人的账号密码登录</p>
    				<input type="" name="" class="content_input" placeholder="请输入您的账号">
    				<input type="password" name="" class="content_input" placeholder="请输入您的密码">
    				<div class="content_button">
    					<div class="content_submit" onclick="login()"><p>登录</p></div>
    				</div>
    			</div>
    			<img src="img/denglu_zhuangshi@2x.png" class="content_mid_right_img">
    		</div>
    	</div>
    </div>
    <!-- 中间部分结束 -->
    <!-- 尾部 -->
    <div class="footer">
    	<div class="footer_mid">
	    	<p>版权所有@universion</p>
	    	<p>地址：大连市甘井子区888号</p>
	    	<p>联系电话：+86 0411-6859786</p>
	    	<p>辽公网安备2102113658008</p>
	    </div>
    </div>
    <!-- 尾部结束 -->
</body>
	<script src="layui/layui.js"></script>
	<script src="js/swiper.min.js"></script>
	<script>
	    var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        nextButton: '.swiper-button-next',
	        prevButton: '.swiper-button-prev',
	        paginationClickable: true,
	        spaceBetween: 0,
	        centeredSlides: true,
	        autoplay: 4000,
	        loop:true,
	        autoplayDisableOnInteraction: false
	    });
	    // 登录
	    function login(){
	    	layui.use('layer', function(){
				var layer = layui.layer;
				layer.msg('登陆成功');
			});  	    
	    }
    </script>
</html>